<!-- 重点：on('featureClick' ， getClusterRecord -->
<!doctype html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon" />
    <link rel="shortcut icon" th:href="@{/favicon.ico}" type="image/x-icon"/>
    <link rel="stylesheet" th:href="@{/css/style.css}" type="text/css" />
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main.css?v=1.0?v=1.0"/>
    <title>Monitor</title>
    <style>
        a {
            text-decoration: none;
            color: red;
        }
    </style>
</head>

<body>
<div id="tip">
    <span><a onclick="refreshCache()" href="javascript:void(0)">刷新缓存</a></span>
    省：<select id='province' style="width:100px" onchange='search(this)'></select>
    市：<select id='city' style="width:100px" onchange='search(this)'></select>
    区：<select id='district' style="width:100px" onchange='search(this)'></select>
    街道：<select id='street' style="width:100px" onchange= 'setCenter(this)'></select>
</div>
<div id="container"></div>
<script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.4&key=cbe6d06e96d91c3eedcf6507ce2f8b53&plugin=AMap.DistrictSearch'></script>
<!-- UI组件库 1.0 -->
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script type="text/javascript" src="http://webapi.amap.com/demos/js/liteToolbar.js"></script>
<script th:src="@{/js/map.js}"></script>
<script type="text/javascript">
    //加载相关组件
    AMapUI.load(['ui/geo/DistrictCluster', 'ui/misc/PointSimplifier', 'lib/$'],
        function(DistrictCluster, PointSimplifier, $) {
            initPage(DistrictCluster, PointSimplifier, $);
    });
</script>
</body>

</html>